.flex-center,
.button-animation{
  display: flex;
  justify-content: center;
  align-items: center;
}

body.disable-scroll {
  overflow: hidden;
  height: 100%;
  touch-action: none; /* disables pinch-zoom + scroll on mobile */
}

.section{
  height: 100vh;
  min-height: fit-content;
  padding: 70px 0px 100px;
  /* border: 1px solid red; */
}

.gray-section{
  height: 100vh;
  min-height: fit-content;
  padding: 70px 0px 100px;
  /* background-color: #eee; */
  text-align: center;
  /* border: 1px solid red; */
}

.title{
  font: 600 34px Roboto;
  text-transform: uppercase;
  line-height: 0;
}

.sub-title{
  font: 600 24px Roboto;
  text-transform: capitalize;
  line-height: 0;
}

.container{
  width: var(--container_width); /*it equals 80%*/
  margin: auto;
  text-align: center;
  /* border: 1px solid red; */
}

.section-set{
  width: 90%;
  margin: auto;
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
  max-width: 1500px;
  row-gap: 100px;
  column-gap: 80px;
  text-align: start;
}

.section-card{
  width: 43%;
  margin-right: auto;
  display: flex;
  /* justify-content: center; */
  align-items: flex-start;
  gap: 30px;
  font-size: 0.9rem;
}

.section-card img{
  border-radius: 0;
  width: 70px;
  align-self: flex-start;
  margin-top: 15px;
}

.section-card p{
  font: 400 18px Roboto;

}